<template>
  <div class="prevention">
    <img src="../../assets/images/nav.png" alt="">
    <div class="wrapper">
      <van-tabs v-model="active">
        <van-tab title="消毒剂"  >
          <img src="../../assets/images/jiu1.png" alt="">
          <img src="../../assets/images/jiu2.png" alt="">
          <img src="../../assets/images/jiu3.png" alt="">
        </van-tab>
        <van-tab title="口罩">
          <img src="../../assets/images/kou.png" alt="">
        </van-tab>
        <van-tab title="洗手液">
          <img src="../../assets/images/xi.png" alt="">
        </van-tab>
        <van-tab title="温度计">
          <img src="../../assets/images/wen.png" alt="">
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
export default {
data(){
  return{
    active:0
  }
}
}
</script>

<style lang="less" scoped>
.prevention{
  background-color: #ffd700;
  img{
    width: 100%;
  }
  .wrapper{
    padding: 20px;
    /deep/ .van-tabs__line {
      background-color: orange;
    }
  }
}
</style>

